<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<body>
	<ui:composition>
		#{manejoSessionMBean.validarExisteSession()}
		
		<div id="loader">
			<p:growl id="growl" showDetail="true" sticky="true" /> 
			<p:ajaxStatus style="width:30px;height:30px;">
				<f:facet name="start">
					<h:graphicImage value="#{common['imagen.path']}img/spiffygif_30x30.gif" />
				</f:facet>

				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
		</div>

		<h:form id="menuHead">
			<div class="menuSystem">
				<div class="headLogo">
					<img src="#{common['imagen.path']}img/logo.png" alt="Siscomp"
						width="138px" height="51px" />
				</div>
				<div class="headMenu">
					<ul class="listMenu">
						<ui:repeat var="menuSistema" value="#{menuMBean.lsMenuBeanSistema}"  >
							<li>
							<h:outputLink disabled="#{menuSistema.activo}" value="#{common['path.urlpage']}#{menuSistema.url}" styleClass="#{(menuSistema.codigo == menuOpcionesMBean.codModulo) ? 'seleccionado' : 'otro'}" >
							 	<h:outputText value="#{menuSistema.nombre}" />
							 	<f:param name="codModulo"
										value="#{menuSistema.codigo}" />
								
							 </h:outputLink>
							</li>
						</ui:repeat>
					</ul>
				</div>
				<div class="headInfo">
					<div class="infoAll">
						<h:outputLabel value="#{utilitarios.dateCurrencySystem}" />
					</div>
					<div class="infoAll">
						<div id="liveclock" class="clock"></div>
					</div>
					<div class="infoAll">Periodo Actual: #{periodoDefectoMBean.periodo}</div>
				</div>
			</div>
			<div class="menuModule">
				<div>
					<ul class="listMenu">
						<ui:repeat var="menuNegocio"
							value="#{menuMBean.lsMenuBeanNegocio}">
							<li>
								<h:outputLink styleClass="listMenuNegocio #{(menuNegocio.codigo == menuOpcionesMBean.codModulo) ? 'seleccionado' : 'otro'}" value="#{common['path.urlpage']}#{menuNegocio.url}" >
								 	<h:outputText value="#{menuNegocio.nombre}" />
								 	<f:param name="codModulo" value="#{menuNegocio.codigo}" />
								 </h:outputLink>
						   </li>
						</ui:repeat>
					</ul>
				</div>
				<div class="avatar">
					<div>
						<img src="#{common['imagen.path']}img/avatar.png"
							alt="Jose David Villanueva Villalobos" width="32px" height="32px" />
					</div>
					<div>Bienvenido</div>
					<div><p:commandLink actionListener="#{manejoSessionMBean.cerrarSession}" oncomplete="actualizarPagina()"><img class="imgPower" src="#{common['imagen.path']}img/poweroff.png"
							alt="Cerrar Session" width="32px" height="32px" /></p:commandLink></div>
				</div>

			</div>
		</h:form>
	</ui:composition>
</body>
</html>